* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #F1F1F1;
	color: #6D767E;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
}

.header {
	height: 36px !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header h1 {
	font-size: 18px;
	margin-bottom: 0 !important;
}


/* 表格 */
.table {
	margin: 10px auto;
	width: 100%;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-spacing: 0;
	border-radius: 4px;
	background-color: #FFF;
	font-size: 12px;
}

.table th,
.table td {
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 8px 0;
	text-align: center;
}

.table tr th:last-child {
	border-radius: 0 4px 0 0;
}

.table tbody tr:last-child td:first-child {
	border-radius: 0 0 0 4px;
}

.table tbody tr:last-child td:last-child {
	border-radius: 0 0 4px 0;
}

.table tr {
	line-height: 32px;
}

/* .btn-primary {
  background-color: #747ced !important;
  border-color: #747ced !important;
} */
.table .btn-sm, .header .btn-sm {
	zoom: 0.8 !important;
}

.float {
	float: right;
	margin-bottom: 10px;
}

.flex {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

/* .modal {
  width: 600px !important;
} */

/* @media (min-width: 576px) {
  .modal-dialog {
  width:385px !important;
}
} */
.flex {
	display: flex;
}

.col-auto {
	height: 30px !important;
	margin-top: 0 !important;
}

.col-form-label {
	font-size: 14px !important;
}

.self-valign {
	display: flex;
	align-items: center;
}

.self-valign .form-check {
	margin-bottom: 0;
}

.add-form label {
	text-align: center;
}